<div class="container">
    <!-- WRAPPER -->
    <div class="container-wrapper wrapper-bg">
        <!-- HEADER -->
        <div class="container-header"
            [style.backgroundImage]="'url('+deployUrl+'assets/img/end-year/common/bg-header.png)'">
            活动期间内，每日通过收礼获得「盛典积分」
        </div>
        <!-- MAIN -->
        <div class="container-main"
            [ngStyle]="{'background': 'url('+deployUrl+'assets/img/end-year/common/bg-center.png) center 0 / 100% 100% no-repeat'}">
            <div class="container-main__notice">
                <!-- NOTICE -->
                <img [src]="deployUrl+'assets/img/end-year/welfare/anchor-prize-value-icon.png'" alt="盛典贡献">
                <span>今日盛典积分: </span> <span class="minutes">{{score}}</span>
            </div>
            <div class="container-main__list">
                <!-- ITEM-i -->
                <ng-container *ngFor="let item of layoutMap.get(1)">
                    <div class="list-item"
                        [style.backgroundImage]="'url('+deployUrl+'assets/img/end-year/welfare/anchor-prize-bg.png)'">
                        <div class="list-item__pic">
                            <img [src]="deployUrl+'assets/img/end-year/welfare/anchor-prize-'+item.pic+'.png'"
                                alt="奖品图">
                        </div>
                        <div class="list-item__name">{{item.name}}</div>
                        <div class="list-item__value">
                            <img class="value-icon"
                                [src]="deployUrl+'assets/img/end-year/welfare/anchor-prize-value-icon.png'" alt="金币">
                            <div class="value-counts">×{{item.score}}</div>
                        </div>
                        <!-- 标签 1天 -->
                        <img *ngIf="item.validity ===1 && !item.unit"
                            [src]="deployUrl+'assets/img/end-year/welfare/anchor-prize-tag-1day.png'" alt="一天"
                            class="list-item__tag">
                        <!-- 标签 1次 -->
                        <img *ngIf="item.validity ===1 && item.unit==='次'"
                            [src]="deployUrl+'assets/img/end-year/welfare/anchor-prize-tag-1time.png'" alt="一次"
                            class="list-item__tag">
                        <!-- 已获取 -->
                        <img *ngIf="score>=item.score"
                            [src]="deployUrl+'assets/img/end-year/welfare/anchor-prize-got.png'" alt="已获取"
                            class="list-item__got">
                    </div>
                </ng-container>
            </div>
        </div>
        <!-- TIPS -->
        <div class="container-tips">
            <div class="container-tips__text">
                <p>注意事项</p>
                <p>1、活动期间内在直播间收礼按照1钻石=1盛典积分统计，收到宝箱礼物按照开出礼物的实际价格统计，送神秘商店产出的礼物按照1钻石=1.5盛典积分统计；</p>
                <p>2、达到要求后奖励均自动下发，若出现奖励不到账的情况请扫描下方二维码咨询在线客服。</p>
            </div>
            <img class="container-tips__qr" [src]="deployUrl+'assets/img/end-year/common/service-qr.png'" alt="客服二维码">
        </div>
        <!-- FOOTER -->
        <div class="container-footer"
            [style.backgroundImage]="'url('+deployUrl+'assets/img/end-year/common/bg-footer.png)'">
        </div>
        <!-- TIPS -->

    </div>